<template>
    <div class="product">
        <div class="product-img">
            <img class="auto-img" :src='prolist.smallImg' alt="">
        </div>
        <div class="product-zhname">{{prolist.name}}</div>
        <div class="product-enname one-text">{{prolist.enname}}</div>
        <div class="product-price">{{prolist.price}}</div>
        
    </div>
</template>
<script>
export default {
    name:'Product',
    props:{
        prolist:{
            type:Object,
            default(){
                return {};
            }
        }
    }
}
</script>
<style lang="less" scoped>
.product{
    padding: 5px;
}
.product-img{
    background: #f0f0f0;
}
.product-zhname{
    font-size: 14px;
    margin-top:10px;
}
.product-enname{
    color:#999;
}
.product-price{
    color:#e9363c;
    font-size: 14px;
    margin-top: 5px;
    font-weight: bold;
}

</style>